import React, { memo } from "react";
import { IntroStyle } from "./style";

export default memo(function Intro(props) {
  return (
    <IntroStyle>
      <div className="playlist-suggest">
        <b className="fl">介绍:&nbsp;&nbsp;</b>
        {props.playlistData.playlist.description
          ? props.playlistData.playlist.description
              .split("\n")
              .map((item, index) => {
                return <p key={index}>{item}</p>;
              })
          : ""}
      </div>
    </IntroStyle>
  );
});
